@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}


.sec-parent .section{
	_height:800px !important;
	overflow:hidden;
	position:relative;
}


#secParent{height: 100vh; position: relative; top: 0px;}



/*服务*/
.logo{ width:160px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
.logo_top{ width:160px; height:102px; text-align:center; padding-top:20px;}
.logo_top img{ width:65px; cursor:pointer;}	
.logo_bottom{ width:160px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}

.divright{ width:139px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:9999;}


/*第一屏*/

.service{ width:1619px; height: auto; overflow:hidden; margin-left:161px;}

.service_left_1{ width:565px; height:79px;}
.service_left_1 img{ width:78px; height:79px;}
.service_left_2{ width:565px; height:59px; margin-top:28px;}
.service_left_2 img{ width:500px; height:59px;}	
.service_left_3{ width:565px; font-size:25px; color:#fff; height:80px; line-height:80px;}
.service_left_4{ width:565px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
.service_left_5{ width:565px; height:50px; margin-top:54px;}
.service_left_5 a{ display:block; width:200px; height:50px; background:url(../img/service_29.png) no-repeat center; font-size:14px; color:#fff; text-align: center; line-height:50px;}
.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}


.service_one{ width:350px; text-align: center;}
.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.service_two{ width:350px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}


.service_1{ width:251px; height:237px; margin:auto; margin-top:140px;background:url(../img/service_241.png) no-repeat center; }
.service_1_1{ width:251px; text-align: center; font-size: 65px; color: #fff; font-weight: bold; height: 86px; padding-top: 32px;}	
.service_1_2{ width:251px; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:25px;}


.service_right:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
.service_right_img{ width:639px; height:688px;}
.service_right_img img{ width:639px; height:688px;}
.service_right_jian{ width:281px; height:61px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
.service_right_jian img{ width:281px; height:61px;}

.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}


/*showy*/
.showy{ width:49px; height:auto; position:fixed; right:43px; bottom:300px; z-index:9999;}
.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
.showy img{ width:49px; height:49px; border-radius:100px;}
.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
.showy a:hover img{transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform-origin: 50% 50% 0;
    transition: transform 0.6s ease-in 0s}

.sidebox img{ float:left; margin-right:13px;}

.sidebox1{position:absolute;width:49px;height:49px;top:67px;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
.sidebox1 img{ float:left; margin-right:13px;}

/*第二屏*/
.service_left1{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
.service_mid1{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
.service_right1{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}

/*第三屏*/
.service_left2{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}

.menu{ width:1619px; height:100vh; overflow:hidden; position:fixed;left:161px; z-index:99;}
.menu li{ float:left; width:322px; height:100vh;  list-style:none;}
.menu li a{ display:block; width:321px; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
.menu li a.menu_a{ border-right:none;}
.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}

.menu_1{ width:321px; height:100vh; position:relative; z-index:99;}
.menu_1_1{ width:321px; height:45px; padding-top:30px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
.menu_1_2{ width:321px; height:18px; background:url(../img/service_08.png) no-repeat center;}
.menu_1_3{ width:321px; height:110px; text-align: center; line-height:110px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}

.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:47.5%; z-index:99;}
.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:47.5%; z-index:99;}
.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}

.shu_warp{ width:100%; height:440px; top:226px;position: fixed; z-index:99;}
.shu{ width:347px; height:440px; margin:auto;}
.service1_1{ width:251px; height:237px; background:url(../img/service_24.png) no-repeat center; margin:auto; margin-top:30px;}


.cd-section {
  padding: 2em;
  margin-top: 5em;
  text-align: center;
}

.cd-bouncy-nav-trigger {
  /* button style */

  color: #ffffff;

  border-radius: 10em;

}
.no-touch .cd-bouncy-nav-trigger:hover {
  background: #e0a36f;
}

.cd-bouncy-nav-modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 35, 37, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
  transition: opacity 0.1s 0s, visibility 0s 0s; z-index:9999;
}
.cd-bouncy-nav-modal .cd-close {
  display: block;
  position: fixed;
  top: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0.3s 0s;
}





@media only screen and (min-width: 1170px) {
  .cd-bouncy-nav-modal .cd-close {
    top: 60px;
  }
}

.cd-bouncy-nav {
  position: absolute;
  left: 50%;
  top: 50vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 300px;
}
.cd-bouncy-nav li {
  width: 50%;
  float: left;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  text-align: center; list-style:none;
}
.is-visible .cd-bouncy-nav li {
  /* used to assign a tranlsateY value when the animation is over */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
  -webkit-animation: cd-move-in 0.4s;
  -moz-animation: cd-move-in 0.4s;
  animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
  -webkit-animation: cd-move-out 0.4s;
  -moz-animation: cd-move-out 0.4s;
  animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.cd-bouncy-nav a {
  display: inline-block;
  min-width: 90px;
  position: relative;
  padding: 80px 0 0;
  margin-bottom: 40px;
  color: #ffffff; 
  font-size:15px; 
  line-height:50px;
}
.cd-bouncy-nav a::before {
  /* icons */
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background-color: #fd3f3e;
 
  background-repeat: no-repeat;
  background-position: 0 0;
}
.no-touch .cd-bouncy-nav a:hover::before {
  background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(1) a::before {
   background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
   background-color:#fd3f3e; background-image:url(../img/about2.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
 background-color:#fd3f3e; background-image:url(../img/about3.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
  background-color:#fd3f3e; background-image:url(../img/about4.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
  background-color:#fd3f3e; background-image:url(../img/about5.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
  background-color:#fd3f3e; background-image:url(../img/about6.png); background-repeat: no-repeat; background-position:center;
}

	.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		transform: scale(1.5);
		opacity: 0;
	}
}

@media only screen and (min-width: 768px) {
  .cd-bouncy-nav {
    max-width: 1200px;
  }
  .cd-bouncy-nav li {
    width: 16.6%;
    float: left;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .cd-bouncy-nav a {
    margin-bottom: 50px;
  }
}

@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateY(100vh);
  }
  65% {
    -moz-transform: translateY(-1.5vh);
  }
  100% {
    -moz-transform: translateY(0vh);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
    -moz-transform: translateY(-1.5vh);
    -ms-transform: translateY(-1.5vh);
    -o-transform: translateY(-1.5vh);
    transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@-webkit-keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
  }
}
@-moz-keyframes cd-move-out {
  0% {
    -moz-transform: translateY(0vh);
  }
  100% {
    -moz-transform: translateY(-100vh);
  }
}
@keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);

    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
  }
}


@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;

}
a.hvr-ripple-out:hover{ color:red;}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #fff solid 2px; border-radius:45px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.footerts{position: absolute;bottom:-385px;left:0px;}


.mod-video {
    position: fixed;
    left: 50%;
    top: 50vh;
    min-width: 100%;
    min-height: 100%;
    margin-left: -960px;
    width: auto;
    height: auto;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.container {width:155px;position:fixed;_position:absolute;height:30px; background-color:rgba(0,0,0,0);}
.container h3 span{    font-size: 24px;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;}
.ji{ display:none;}	
.piao{ display:none;}
	
@media screen and (max-width:1910px)and (min-width:1600px){
	/*服务*/
	.logo{ width:132px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	
	
	
	
	.divright{ width:117px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:1350px; height:100vh; margin:auto; margin-left:131px;}
	
	.service_left_1{ width:525px; height:67px;}
	.service_left_1 img{ width:66px; height:67px;}
	.service_left_2{ width:525px; height:53px; margin-top:20px;}
	.service_left_2 img{ width:450px; height:53px;}	
	.service_left_3{ width:525px; font-size:23px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:525px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:525px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:350px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	
	.service_two{ width:350px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	
	
	.service_1{ width:100%; height:197px; margin:auto; margin-top:147px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%;margin-left: 17px; }
	.service_1_1{ width:100%; text-align: center; font-size: 55px; color: #fff; font-weight: bold; height: 70px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:25px;}
	
	
	.service_right:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_right_img{ width:534px; height:572px;}
	.service_right_img img{ width:534px; height:572px;}
	.service_right_jian{ width:261px; height:51px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
	.service_right_jian img{ width:261px; height:51px;}
	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	.service_left1{ float:left; width:525px; height:395px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_mid1{ float:left; width:274px; height:185px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right1{ float:right; width:534px; height:572px; position:relative; margin-top:125px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	/*第三屏*/
	.service_left2{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.menu{ width:1350px; height:100vh; overflow:hidden; position:fixed;left:133px; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:269px; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:45px; padding-top:10px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:47.5%; z-index:99;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:47.5%; z-index:99;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:100%; height:440px; top:185px;position: fixed; z-index:99;}
	.shu{ width:347px; height:440px; margin:auto;}
	.service1_1{ width:209px; height:197px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
}

@media screen and (max-width:1600px)and (min-width:1440px){
	/*服务*/
	.logo{ width:132px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	.divright{ width:117px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:1350px; height:100vh; margin:auto; margin-left:131px;}
	
	.service_left_1{ width:525px; height:67px;}
	.service_left_1 img{ width:66px; height:67px;}
	.service_left_2{ width:525px; height:53px; margin-top:20px;}
	.service_left_2 img{ width:450px; height:53px;}	
	.service_left_3{ width:525px; font-size:23px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:525px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:525px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:347px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	
	.service_two{ width:347px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	
	
	.service_1{ width:209px; height:197px; margin:auto; margin-top:140px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%; margin-left:-22px;}
	.service_1_1{ width:100%; text-align: center; font-size: 55px; color: #fff; font-weight: bold; height: 70px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:25px;}
	
	
	.service_right:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_right_img{ width:534px; height:572px;}
	.service_right_img img{ width:534px; height:572px;}
	.service_right_jian{ width:261px; height:51px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
	.service_right_jian img{ width:261px; height:51px;}
	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	.service_left1{ float:left; width:525px; height:395px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_mid1{ float:left; width:274px; height:185px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right1{ float:right; width:534px; height:572px; position:relative; margin-top:100px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	/*第三屏*/
	.service_left2{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.menu{ width:1350px; height:100vh; overflow:hidden; position:fixed;left:133px; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:269px; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:45px; padding-top:10px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:47.5%; z-index:99;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:47.5%; z-index:99;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:100%; height:440px; top:185px;position: fixed; z-index:99;}
	.shu{ width:347px; height:440px; margin:auto;}
	.service1_1{ width:209px; height:197px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
}
@media screen and (max-width:1440px)and (min-width:1366px){
	/*服务*/
	.logo{ width:132px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	.divright{ width:91px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:1215px; height:100vh; margin:auto; margin-left:131px;}
	.service_left1{ float:left; width:470px; height:395px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_left_1{ width:470px; height:61px;}
	.service_left_1 img{ width:60px; height:61px;}
	.service_left_2{ width:400px; height:47px; margin-top:20px;}
	.service_left_2 img{ width:400px; height:47px;}	
	.service_left_3{ width:450px; font-size:22px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:450px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:470px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:347px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_two{ width:347px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_mid1{ float:left; width:237px; height:185px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;}
	
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_1{ width:200px; height:189px; margin:auto; margin-top:140px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%; }
	.service_1_1{ width:100%; text-align: center; font-size:50px; color: #fff; font-weight: bold; height:60px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:25px;}
	
	
	.service_right1{ float:right; width:481px; height:516px; position:relative; margin-top:125px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_right_img{ width:481px; height:516px;}
	.service_right_img img{ width:481px; height:516px;}
	.service_right_jian{ width:241px; height:45px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
	.service_right_jian img{ width:241px; height:45px;}
	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	
	
	/*第三屏*/
	.service_left2{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:47.5%; z-index:99;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:47.5%; z-index:99;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:100%; height:440px; top:185px;position: fixed; z-index:99;}
	.shu{ width:347px; height:440px; margin:auto;}
	.service1_1{ width:200px; height:189px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
	
	.menu{ width:1215px; height:100vh; overflow:hidden; position:fixed;left:133px; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:100%; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:45px; padding-top:10px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}
}

@media screen and (max-width:1366px)and (min-width:1200px){
	/*服务*/
	.logo{ width:132px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	.divright{ width:84px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:1150px; height:100vh; margin:auto; margin-left:131px;}
	.service_left1{ float:left; width:445px; height:395px; margin-top:130px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_left_1{ width:445px; height:59px;}
	.service_left_1 img{ width:58px; height:59px;}
	.service_left_2{ width:380px; height:47px; margin-top:20px;}
	.service_left_2 img{ width:380px; height:45px;}	
	.service_left_3{ width:430px; font-size:22px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:430px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:430px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:348px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_two{ width:348px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_mid1{ float:left; width:213px; height:175px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;}
	
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_1{ width:185px; height:175px; margin:auto; margin-top:70px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%; }
	.service_1_1{ width:100%; text-align: center; font-size:50px; color: #fff; font-weight: bold; height:60px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:13px; color:#fff; margin-top:17px;}
	
	
	.service_right1{ float:right; width:457px; height:490px; position:relative; margin-top:95px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_right_img{ width:457px; height:490px;}
	.service_right_img img{ width:457px; height:490px;}
	.service_right_jian{ width:241px; height:45px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;}
	.service_right_jian img{ width:241px; height:45px;}
	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	
	
	/*第三屏*/
	.service_left2{ float:left; width:445px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:90px; left:46.5%; z-index:99;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:90px; right:46.5%; z-index:99;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:100%; height:440px; top:120px;position: fixed; z-index:99;}
	.shu{ width:347px; height:440px; margin:auto;}
	.service1_1{ width:185px; height:175px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
	
	.menu{ width:1150px; height:100vh; overflow:hidden; position:fixed;left:133px; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:100%; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:35px; padding-top:10px; text-align: center; line-height:35px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999; display:none;}
}
@media screen and (max-width:1200px)and (min-width:900px){
	/*服务*/
	.logo{ width:13%; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	.divright{ width:84px; height:100vh; position:fixed; right:0; border-left:none; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:87%; height:100vh; margin:auto; margin-left:13%;}
	.service_left1{ float:left; width:445px; height:395px; margin-top:140px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_left_1{ width:445px; height:59px;}
	.service_left_1 img{ width:58px; height:59px;}
	.service_left_2{ width:380px; height:47px; margin-top:20px;}
	.service_left_2 img{ width:380px; height:45px;}	
	.service_left_3{ width:430px; font-size:22px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:430px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:430px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:200px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_two{ width:200px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_mid1{ float:right; width:344px; height:175px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative;}
	
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_1{ width:185px; height:175px; margin:auto; margin-top:95px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%; }
	.service_1_1{ width:100%; text-align: center; font-size:45px; color: #fff; font-weight: bold; height:60px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:17px;}
	
	
	.service_right1{ float:right; width:457px; height:490px; position:relative; margin-top:95px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99; display:none;}

	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	
	
	/*第三屏*/
	.service_left2{ float:left; width:445px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:46.5%; z-index:99; display:none;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:46.5%; z-index:99; display:none;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:200px; height:440px; top:140px;position: fixed; z-index:99; right:70px;}
	.shu{ width:200px; height:440px; margin:auto;}
	.service1_1{ width:185px; height:175px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
	
	.menu{ width:87%; height:100vh; overflow:hidden; position:fixed;left:13%; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:100%; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:45px; padding-top:10px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}
}
@media screen and (max-width:900px)and (min-width:700px){
	/*服务*/
	.logo{ width:13%; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
	.logo_top{ width:132px; height:102px; text-align:center; padding-top:20px;}
	.logo_top img{ width:65px; cursor:pointer;}	
	.logo_bottom{ width:132px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}
	.divright{ width:84px; height:100vh; position:fixed; right:0; border-left:none; z-index:9999;}
	
	
	/*第一屏*/
	
	.service{ width:87%; height:100vh; margin:auto; margin-left:13%;}
	.service_left1{ float:left; width:445px; height:395px; margin-top:160px;opacity:0;filter:alpha(opacity=0);position:relative;top:-100px; z-index:99;}
	.service_left_1{ width:445px; height:59px;}
	.service_left_1 img{ width:58px; height:59px;}
	.service_left_2{ width:380px; height:47px; margin-top:20px;}
	.service_left_2 img{ width:380px; height:45px;}	
	.service_left_3{ width:430px; font-size:22px; color:#fff; height:70px; line-height:70px;}
	.service_left_4{ width:430px; height:90px; font-size:14px; color:#bbbbbb; line-height:30px; overflow:hidden;}
	.service_left_5{ width:430px; height:50px; margin-top:45px;}
	.service_left_5 a{ display:block; width:180px; height:45px; background:url(../img/service_29.png) no-repeat center; background-size:auto 100%; font-size:14px; color:#fff; text-align: center; line-height:45px;}
	.service_left_5 a:hover{ cursor:pointer;transition:all 0.2s; font-weight:bold;}
	
	
	.service_one{ width:200px; text-align: center;}
	.service_one a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_two{ width:200px; text-align: center; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
	.service_two a{ display:block; font-size:14px; color:#fff; line-height:37px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
	.service_mid1{ float:right; width:344px; height:175px; margin-top:185px;opacity:0;filter:alpha(opacity=0);position:relative; display:none;}
	
	.service_right1:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	.service_1{ width:185px; height:175px; margin:auto; margin-top:95px;background:url(../img/service_241.png) no-repeat center; background-size:auto 100%; }
	.service_1_1{ width:100%; text-align: center; font-size:45px; color: #fff; font-weight: bold; height:60px; padding-top: 27px;}	
	.service_1_2{ width:98%; padding-left:2%; text-align: center; height:35px; line-height:35px; font-size:14px; color:#fff; margin-top:17px;}
	
	
	.service_right1{ float:right; width:457px; height:490px; position:relative; margin-top:95px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99; display:none;}

	
	.service_left{ float:left; width:625px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px; z-index:99;}
	.service_mid{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;}
	.service_right{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;right:-100px; z-index:99;}
	
	
	/*showy*/
	.showy{ width:49px; height:auto; position:fixed; right:5px; bottom:300px; z-index:9999;}
	.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
	.showy img{ width:49px; height:49px; border-radius:100px;}
	.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
	.sidebox img{ float:left; margin-right:13px;}
	
	/*第二屏*/
	
	
	/*第三屏*/
	.service_left2{ float:left; width:445px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px; z-index:99;}
	.service_mid2{ float:left; width:347px; height:440px; margin-top:226px;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-200px;}
	.service_right2{ float:right; width:639px; height:688px; position:relative; margin-top:150px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative;bottom:-100px; z-index:99;}
	.service_right2:hover .service_right_jian{ background-color:#fd3f3e;transition:all 0.2s;}
	
	.divup{ width:22px; height:50px; position:fixed; bottom:120px; left:43.5%; z-index:99;}
	.divup a{ display:block; width:22px; height:50px; cursor:pointer;}
	.divdown{ width:22px; height:50px; position:fixed; bottom:120px; right:43.5%; z-index:99;}
	.divdown a{ display:block; width:22px; height:50px; cursor:pointer;}
	
	.shu_warp{ width:200px; height:440px; top:140px;position: fixed; z-index:99; right:70px; display:none;}
	.shu{ width:200px; height:440px; margin:auto;}
	.service1_1{ width:185px; height:175px; background:url(../img/service_24.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:30px;}
	
	.menu{ width:87%; height:100vh; overflow:hidden; position:fixed;left:13%; z-index:99;}
	.menu li{ float:left; width:20%; height:100vh;  list-style:none;}
	.menu li a{ display:block; width:100%; height:100vh;cursor:pointer;border-right: 1px solid #373737;}
	.menu li a.menu_a{ border-right:none;}
	.menu li.active .menu_1_1{opacity:1;filter:alpha(opacity=100);}
	.menu li.active .menu_1_2{ background:url(../img/service_06.png) no-repeat center;}
	.menu li.active .menu_1_3{opacity:1;filter:alpha(opacity=100);}
	
	.menu_1{ width:100%; height:100vh; position:relative;}
	.menu_1_1{ width:100%; height:45px; padding-top:10px; text-align: center; line-height:45px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40);}
	.menu_1_2{ width:100%; height:18px; background:url(../img/service_08.png) no-repeat center;}
	.menu_1_3{ width:100%; height:80px; text-align: center; line-height:80px; font-size:14px; color:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0; z-index:999;}
}
				
@media screen and (max-width:700px)and (min-width:0px){
	/*服务*/
	.showy{ display:none;}
	.logo{ width:100%; height:100px; position: relative; left:0; border-right:none; z-index:99; border-bottom:1px solid #a8b0aa; display:none;}
	
	.divright{ width:84px; height:100vh; position:fixed; right:0; border-left:none; z-index:9999; display:none;}
	.menu{ display:none;}
	.shu_warp{ display:none;}
	.divup{ display:none;}
	.divdown{ display:none;}
	
	#secParent{ display:none;}
	.ji{ width:100%; display: block;}
	.ji_head{ width:100%; height:65px; border-bottom:1px solid #343434;}
	.ji_head_left{ float:left; height:65px; margin-left:5%;}
	.ji_head_left img{ padding-top:8px; width:13%;}
	.ji_head_right{ float:right; margin-right:5%;margin-top: -68px;}
	.ji_head_right img{ padding-top:23px;}
	
	.ji_1{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.ji_1_1{ width:100%; height:60px; text-align: center;}
	.ji_1_1 img{ height:60px; width:auto;}
	.ji_1_2{ width:100%; font-size:18px; color:#fd3f3e; font-weight:bold; text-align: center; height:30px; line-height:30px;}
	.ji_1_3{ width:100%; font-size:16px; color:#fff; text-align: center; height:25px;}
	.ji_list{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
	.ji_list ul li{ float:left; width:50%; height:85px; list-style:none; margin-bottom:40px;}
	.ji_list ul li a{ display:block; width:100%; height:85px;}
	.ji_list_1{ width:100%; height:85px;}
	.ji_list_1_img{ width:100%; height:45px; text-align:center;}
	.ji_list_1_img img{ width:auto; height:45px;}
	.ji_list_1_tit{ width:100%; font-size:14px; color:#fff; text-align: center; height:40px; line-height:40px;}
	.piao{ width:100%; height:43px; display:block;}   
	.fu_warp{ width:100%; height:43px; background-color:#000; position:fixed; bottom:0; z-index:9999999;}
	.fu_warp{ width:100%; height:43px; background-color:#000; position:fixed; bottom:0; z-index:9999999;}
	.fu{ width:100%; height:43px; margin:auto; text-align:center;}
	.fu a{ float:left; display: inline-block; width:33%; height:43px; font-size:14px; color:#fff; text-align: center; line-height:43px;} 
	.fu a.fu_a{ background:none;}
	.fu a.fu_1{ border-left:1px solid #242424; border-right:1px solid #242424;}
	.fu span{font-size:14px; color:#fff; background:url(../img/about1.png) no-repeat left; padding-left:23px; background-size:27px;}
	.fu span.fu_span1{font-size:14px; color:#fff; background:url(../img/lian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.fu span.fu_span2{font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}

}
				                                                                              